<!-- 
14. 首页组件 HomeView.vue
这个组件会在用户访问根路径 "/" 时显示
-->
<template>
    <div class="home">
        <h1>首页</h1>
        <p>欢迎来到Vue Router学习项目</p>
    </div>
</template>

<script>
// 15. 组件的JavaScript部分
export default {
    // 定义组件名称，方便调试和开发工具识别
    name: 'Home'
}
</script>

<style scoped>
/* 16. 组件的样式部分 */
/* scoped属性确保样式只应用于当前组件，不会影响其他组件 */
.home {
    padding: 20px;
}
</style>